
export default function Page(){
  return (
    <div className="p-5 bg-green-500 w-9/12 lg:w-11/12  mx-auto">
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-5">
        <div className="p-5 h-96 bg-purple-500 "></div>
        <div className="p-5 h-96 bg-purple-500 "></div>
        <div className="p-5 h-96 bg-purple-500 "></div>
        <div className="p-5 h-96 bg-purple-500 "></div>
        <div className="p-5 h-96 bg-purple-500 "></div>
        <div className="p-5 h-96 bg-purple-500 "></div>
        <div className="p-5 h-96 bg-purple-500 "></div>
        <div className="p-5 h-96 bg-purple-500 "></div>
        <div className="p-5 h-96 bg-purple-500 "></div>
        <div className="p-5 h-96 bg-purple-500 "></div>
        <div className="p-5 h-96 bg-purple-500 "></div>
      </div>
    </div>
  )
}
